<template>
  <div class="p-d">
    <div class="b-f p-d">
      <SearchComp :searchForm="searchForm"
        :searchData="queryString"
        :searchAction="searchAction"></SearchComp>
      <div class="btnStyle flex-between p-t">
        <ButtonComp :buttonData="buttonData" />
      </div>
      <div class="m-t">
        <TableCompEle class="m-t"
          ref="multipleTable"
          height="50vh"
          :tableData="tableData"
          :tableConfig="tableConfig"
          :tableAction="tableAction"
          :isSelect="true"
          :isIndex="true"
          :isShowPage="true"
          :queryParams="queryParams"
          @getPagination="getList"
          @handleSelectionChange="handleSelectionChange"></TableCompEle>
      </div>
    </div>
    <AddComp ref="addRef"
      @close="getList" />
  </div>
</template>

<script>
import AddComp from './common/add.vue'
export default {
  components: { AddComp },
  data() {
    return {
      activeName: 'all',
      buttonData: [
        {
          kind: 'button',
          label: '新增',
          plain: false,
          size: 'small',
          type: 'primary',
          click: () => {
            this.$refs.addRef.show({
              title: '新建地方共享资源使用情况',
              isLook: 'add'
            })
          }
        },
        {
          kind: 'button',
          label: '一键导出',
          plain: false,
          size: 'small',
          type: 'warning',
          click: () => {}
        },
        {
          kind: 'button',
          label: '一键导入',
          plain: false,
          size: 'small',
          type: 'warning',
          click: () => {}
        },
        {
          kind: 'button',
          label: '批量删除',
          plain: false,
          size: 'small',
          type: 'danger',
          click: () => {
            // if (this.multipleSelection.length == 0) {
            //   this.$message({
            //     type: 'warning',
            //     message: '请选择要删除的数据'
            //   })
            //   return
            // }
            const ids = []
            // this.multipleSelection.forEach(items => {
            //   ids.push(items.id)
            // })
            this.deleteFun(ids)
          }
        }
      ],
      queryParams: {
        total: 3,
        currentPage: 1,
        pageSize: 10
      },
      tableData: [
        {
          armyCompany: '中国人民解放军第一军',
          title: '三维扫描仪',
          companyName: '南京农业大学',
          startTime: '2023-01-01',
          endTime: '2023-05-31',
          content:
            '主要针对各种更高精度和分辨率要求的测量任务，代表当今移动性非接触测量和数字化系统的世界水平。SmartSCAN 3D-HE在几秒内就可以完成几乎任何物体的精密测量并提供高精度和分辨率的三维数据，并且几乎不受物体尺寸和复杂性的限制。它不仅可以完成日常的室内测量工作，还可以在车间等工作现场胜任精密测量工作。对周围环境，照明等没有特殊要求。强大的功能，精确的细节数据和广阔的测量范围这三种性能的结合，使SmartSCAN 3D-HE适合任何在产品的研发和质量监控中三维数据的提取和加工。它不仅在汽车壳体几何尺寸形状测，模具和工件制造检测中被应用，还被广泛应用于逆向工程中的精密测量和数字化等任务中。',
          replyContent: '一般'
        },
        {
          armyCompany: '中部战区陆军第三师',
          title: '惯性导航系统',
          companyName: '哈尔滨工程大学',
          startTime: '2023-06-01',
          endTime: '2023-12-31',
          content:
            '测量固连对象的姿态及与北向的偏差角度 3D-HE在几秒内就可以完成几乎任何物体的精密测量并提供高精度和分辨率的三维数据，并且几乎不受物体尺寸和复杂性的限制。它不仅可以完成日常的室内测量工作，还可以在车间等工作现场胜任精密测量工作。对周围环境，照明等没有特殊要求。强大的功能，精确的细节数据和广阔的测量范围这三种性能的结合，使SmartSCAN 3D-HE适合任何在产品的研发和质量监控中三维数据的提取和加工。它不仅在汽车壳体几何尺寸形状测，模具和工件制造检测中被应用，还被广泛应用于逆向工程中的精密测量和数字化等任务中。',
          replyContent: '基本满意'
        },
        {
          armyCompany: '东海舰队第一支队',
          title: '综合物理性质测量系统',
          companyName: '同济大学',
          startTime: '2024-01-01',
          endTime: '2024-12-31',
          content:
            '主要用途：提供强磁场（～9 T），低温（2 K）平台; 通过不同的选件，可以实现磁、电、比热方面的测量。',
          replyContent: '基本满意'
        }
      ],
      tableConfig: [
        {
          prop: 'armyCompany',
          label: '军队使用单位'
        },
        {
          prop: 'title',
          label: '共享资源名称'
        },
        {
          prop: 'companyName',
          label: '资源管理单位'
        },
        {
          prop: 'startTime',
          label: '使用起始时间'
        },
        {
          prop: 'endTime',
          label: '使用结束时间'
        },
        {
          prop: 'content',
          label: '共享使用情况'
        },
        {
          prop: 'evaluate',
          label: '共享使用评价'
        }
      ],
      tableAction: {
        align: () => 'center',
        width: () => String(170),
        operations: [
          {
            label: '查看',
            isLink: true,
            type: 'primary',
            method: row => {
              this.$refs.addRef.show({
                title: '查看地方共享资源使用情况',
                isLook: 'look',
                data: row
              })
            }
          },
          {
            label: '修改',
            isLink: true,
            type: 'primary',
            method: row => {
              this.$refs.addRef.show({
                title: '修改地方共享资源使用情况',
                isLook: 'edit',
                data: row
              })
            }
          },
          {
            label: '删除',
            isLink: true,
            type: 'danger',
            method: row => {
              this.deleteFun([row.id])
            }
          }
        ]
      },
      queryString: {
        title: '',
        id: ''
      },
      searchForm: {
        changeMethod: () => {
          this.queryParams.currentPage = 1
          this.getList()
        },
        formData: [
          {
            type: 'Input',
            label: '服务编号',
            prop: 'id',
            clearable: true,
            icon: 'el-icon-search',
            placeholder: '请输入'
          },
          {
            type: 'Input',
            label: '共享资源名称',
            prop: 'title',
            clearable: true,
            icon: 'el-icon-search',
            placeholder: '请输入'
          }
        ]
      },
      searchAction: [
        {
          label: '查询',
          type: 'primary',
          handle: () => {
            this.queryParams.currentPage = 1
            this.$refs.multipleTable.clearSelection()
            this.getList()
          }
        },
        {
          label: '重置',
          type: 'primary',
          plain: true,
          handle: () => {
            this.queryString = {
              title: '',
              id: ''
            }
            this.queryParams.currentPage = 1
            this.getList()
          }
        }
      ]
    }
  },
  methods: {
    getList() {},
    handleSelectionChange() {},
    deleteFun(ids) {
      console.log(
        '%c [ ids ]-216',
        'font-size:13px; background:pink; color:#bf2c9f;',
        ids
      )
      this.$confirm(`确定要删除吗？`, '提示', {
        confirmButtonText: '确定',
        cancelButtonText: '取消',
        type: 'warning'
      })
        .then(() => {
          this.$message({
            type: 'success',
            message: '删除成功'
          })
        })
        .catch(() => {
          this.$message({
            type: 'info',
            message: '已取消'
          })
        })
    }
  }
}
</script>

<style lang="less" scoped>
</style>